<!DOCTYPE html>
<html lang="en" theme="white">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="/favicon.ico" />
    <link rel="canonical" href="https://svelte.carbondesignsystem.com/" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Svelte implementation of the Carbon Design System" />
    <title>Carbon Components Svelte</title>
    <script>
      try {
        const theme = localStorage.getItem("theme");

        if (["white", "g10", "g80", "g90", "g100"].includes(theme)) {
          document.documentElement.setAttribute("theme", theme);
          document.documentElement.style.setProperty(
            "color-scheme",
            ["white", "g10"].includes(theme) ? "light" : "dark"
          );
        }
      } catch {}
    </script>
  </head>
  <body>
    <script type="module" src="/src/index.js"></script>
  </body>
</html>
